powered by

LOGO

divider and it’s Usage

divider can be used as end of blog post, section OR chapter end.

divider and it’s Usage

Package Name

fifthtry.github.io/bling

To use divider on your web package, add below into FASTN.ftd file:

-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/divider as divider

Once you add above lines into your web package, add divider into your .ftd files:

List of page dividers we designed for you:

1.1: -- heart-end without end-mark and title

Example code for -- heart-end

-- divider.heart-end:

Output of above:

1.2: -- heart-end with end-mark

Example code for -- heart-end

-- divider.heart-end:
end-mark: true

Output of above:

1.3: -- heart-end with end-mark and title text

Example code for -- heart-end

-- divider.heart-end: Thank You
end-mark: true

Output of above:

Thank You

2.1: -- diamond without end-mark and title

Example code for -- diamond

-- divider.diamond:

Output of above:

2.2: -- diamond with end-mark

Example code for -- diamond

-- divider.diamond:
end-mark: true

Output of above:

2.3: -- diamond with end-mark and title text

Example code for -- diamond

-- divider.diamond: Thank You
end-mark: true

Output of above:

Thank You

3.1: -- arrow without end-mark and title

Example code for -- arrow

-- divider.arrow:

Output of above:

3.2: -- arrow with end-mark

Example code for -- arrow

-- divider.arrow:
end-mark: true

Output of above:

3.3: -- arrow with end-mark and title text

Example code for -- arrow

-- divider.arrow: Thank You
end-mark: true

Output of above:

Thank You

4.1: -- wavy without end-mark and title

Example code for -- wavy

-- divider.wavy:

Output of above:

4.2: -- wavy with end-mark

Example code for -- wavy

-- divider.wavy:
end-mark: true

Output of above:

4.3: -- wavy with end-mark and title text

Example code for -- wavy

-- divider.wavy: Thank You
end-mark: true

Output of above:

Thank You

5.1: -- angled without end-mark and title

Example code for -- angled

-- divider.angled:

Output of above:

5.2: -- angled with end-mark

Example code for -- angled

-- divider.angled:
end-mark: true

Output of above:

5.3: -- angled with end-mark and title text

Example code for -- angled

-- divider.angled: Thank You
end-mark: true

Output of above:

Thank You

6.1: -- lines without end-mark and title

Example code for -- lines

-- divider.lines:

Output of above:

6.2: -- lines with end-mark

Example code for -- lines

-- divider.lines:
end-mark: true

Output of above:

6.3: -- lines with end-mark and title text

Example code for -- lines

-- divider.lines: Thank You
end-mark: true

Output of above:

Thank You

7.1: -- rounded without end-mark and title

Example code for -- rounded

-- divider.rounded:

Output of above:

7.2: -- rounded with end-mark

Example code for -- rounded

-- divider.rounded:
end-mark: true

Output of above:

7.3: -- rounded with end-mark and title text

Example code for -- rounded

-- divider.rounded: Thank You
end-mark: true

Output of above:

Thank You

8.1: -- rigger without end-mark and title

Example code for -- rigger

-- divider.rigger:

Output of above:

8.2: -- rigger with end-mark

Example code for -- rigger

-- divider.rigger:
end-mark: true

Output of above:

8.3: -- rigger with end-mark and title text

Example code for -- rigger

-- divider.rigger: Thank You
end-mark: true

Output of above:

Thank You

LOGO

divider and it’s Usage

divider can be used as end of blog post, section OR chapter end.

divider and it’s Usage

Package Name

fifthtry.github.io/bling

To use divider on your web package, add below into FASTN.ftd file:

-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/divider as divider

Once you add above lines into your web package, add divider into your .ftd files:

List of page dividers we designed for you:

1.1: -- heart-end without end-mark and title

Example code for -- heart-end

-- divider.heart-end:

Output of above:

1.2: -- heart-end with end-mark

Example code for -- heart-end

-- divider.heart-end:
end-mark: true

Output of above:

1.3: -- heart-end with end-mark and title text

Example code for -- heart-end

-- divider.heart-end: Thank You
end-mark: true

Output of above:

Thank You

2.1: -- diamond without end-mark and title

Example code for -- diamond

-- divider.diamond:

Output of above:

2.2: -- diamond with end-mark

Example code for -- diamond

-- divider.diamond:
end-mark: true

Output of above:

2.3: -- diamond with end-mark and title text

Example code for -- diamond

-- divider.diamond: Thank You
end-mark: true

Output of above:

Thank You

3.1: -- arrow without end-mark and title

Example code for -- arrow

-- divider.arrow:

Output of above:

3.2: -- arrow with end-mark

Example code for -- arrow

-- divider.arrow:
end-mark: true

Output of above:

3.3: -- arrow with end-mark and title text

Example code for -- arrow

-- divider.arrow: Thank You
end-mark: true

Output of above:

Thank You

4.1: -- wavy without end-mark and title

Example code for -- wavy

-- divider.wavy:

Output of above:

4.2: -- wavy with end-mark

Example code for -- wavy

-- divider.wavy:
end-mark: true

Output of above:

4.3: -- wavy with end-mark and title text

Example code for -- wavy

-- divider.wavy: Thank You
end-mark: true

Output of above:

Thank You

5.1: -- angled without end-mark and title

Example code for -- angled

-- divider.angled:

Output of above:

5.2: -- angled with end-mark

Example code for -- angled

-- divider.angled:
end-mark: true

Output of above:

5.3: -- angled with end-mark and title text

Example code for -- angled

-- divider.angled: Thank You
end-mark: true

Output of above:

Thank You

6.1: -- lines without end-mark and title

Example code for -- lines

-- divider.lines:

Output of above:

6.2: -- lines with end-mark

Example code for -- lines

-- divider.lines:
end-mark: true

Output of above:

6.3: -- lines with end-mark and title text

Example code for -- lines

-- divider.lines: Thank You
end-mark: true

Output of above:

Thank You

7.1: -- rounded without end-mark and title

Example code for -- rounded

-- divider.rounded:

Output of above:

7.2: -- rounded with end-mark

Example code for -- rounded

-- divider.rounded:
end-mark: true

Output of above:

7.3: -- rounded with end-mark and title text

Example code for -- rounded

-- divider.rounded: Thank You
end-mark: true

Output of above:

Thank You

8.1: -- rigger without end-mark and title

Example code for -- rigger

-- divider.rigger:

Output of above:

8.2: -- rigger with end-mark

Example code for -- rigger

-- divider.rigger:
end-mark: true

Output of above:

8.3: -- rigger with end-mark and title text

Example code for -- rigger

-- divider.rigger: Thank You
end-mark: true

Output of above:

Thank You